import { computed, defineAsyncComponent, defineComponent, unref, watch } from '@vue/runtime-core';
import { Divider, Button } from 'ant-design-vue';
import rosary from './rosary';
import { projectSetting } from '/@/store/getters';
import { appStore } from '/@/store/modules/app';

export default defineComponent({
  components: { rosary, Divider },

  setup() {
    const projectSetting = computed(() => {
      return appStore.getProjectSetting;
    });

    return () => (
      <>
        {unref(projectSetting).rosarySelect.map((item: string) => {
          return <rosary rosaryName={item} />;
        })}
      </>
    );
  },
});
